import styled from 'styled-components'
export const LoginWrapper = styled.div`
  z-index:0;
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  top:56px;
  background:#eee;
`
export const LoginBox = styled.div`
  width:400px;
  height:200px;
  margin:50px auto;
  background:#fff;
  box-shadow:0 0 8px rgba(0,0,0,.1);
  padding:20px;
`

export const Input = styled.input`
border-bottom: none;
border-radius: 4px 4px 0 0;
width: 100%;
height: 50px;
margin-bottom: 0;
padding: 4px 12px 4px 35px;
box-sizing:border-box;
border: 1px solid #c8c8c8;
border-radius: 0 0 4px 4px;
background-color: hsla(0,0%,71%,.1);
vertical-align: middle;
`
export const Button = styled.button`
  margin-top: 20px;
  width: 100%;
  padding: 9px 18px;
  font-size: 18px;
  border: none;
  border-radius: 25px;
  color: #fff;
  background: #42c02e;
  cursor: pointer;
  outline: none;
  display: block;
  clear: both;
`